:root{--max-width:600px;font-size:.75em}
*{box-sizing: border-box}
html, body { height: 100% }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; } 
a,
a:hover,
a:focus{color:inherit}
.app{width:100%;height:100%}
#app{position:relative;z-index:2;width:100%;max-width:var(--max-width,600px);margin:auto;height:100%}
/* 
#app{visibility:hidden;opacity:0;transition:linear .2s;}
#app{background-color:white}
#app.open{visibility:visible;opacity:1} */
.only-top{border-top:1px solid transparent;margin-top:-1px}
.float-left{float:left;}
.float-right{float:right;}
.btn,
.btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus,
.btn:active:hover{background-color:#fadc5e;border-color:#fadc5e;height:2.4rem;line-height:1.4rem;outline:none;border-radius:0;}
.form-control{border-radius:0;box-shadow:none;box-shadow:none}
input{-webkit-appearance:none}
.form-control:focus{border-color:#fadc5e;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(250,220,94,.6)}
.pr{position:relative}
hr{border: none;border-top: 1px solid #ccc;}
.fl{float:left}
.fr{float:right}
.clearfix{content:' ';display:block;clear:both}